/* Stylesheet by Konrad Fr�nd */

body     {               width:95%;
                         font-family:Arial;
                         text-align:center;
                         position:relative;
                         margin-left:auto;
                         margin-right:auto;
						 font-size: 1vw;
                         /*background-color:#F2F2F2 */;}
a        {               text-decoration:none;
                         color:black;}
a:hover  {               text-decoration:underline;}
a#Logo   {               border:none;}
img#Logo1{               display:block;
                         position:relative;
                         top:0px; /*-50px */
                         margin-left:auto;
                         margin-right:auto;
                         width:95%;
                         height:95%;}
#Kopf    {               position:relative;
                         width: 100%;}
#NaviBar	{			position:relative;
						top: -20px;}
ul#Navigation_Bar {      
                         list-style:none;
                         font-size:1.5vw;
                        
                        }

.navi    {               display:inline;
                         padding:2%;}
.center  {               text-align:center;}


#header  {               background-color:red;
                         width:100%;}
#footer  {               width: 20%;
                         margin:auto;
                         text-align:left;}
class.bini {             position:relative;
                         width:35%;
                         height:35%;
                         display:block;}
#BiNi    {               margin-left:auto;
                         margin-right:auto;
                         width:80%;
                         border:solid;
                         margin-bottom:5px;
                         border-width:1px;
                         padding:5px;
                         background-color:#F7F8E0;}
.mili    {               list-style-type:none;}

#Binitext{               text-align:left;
                         margin-left:30%;}
#Binitext a      {       text-decoration:auto;
                         color:blue;}
#mainB   {               margin-left:auto;
                         margin-right:auto; ;
                         width:80%;
                         border:solid;
                         margin-bottom:5px;
                         border-width:1px;
                         padding:5px;
                         text-align:left;
                         background-color:#F7F8E0;}
#�bWerke {               margin-top:-5%;
                         margin-bottom:5%;}
#BinitextB       {       text-align:left;
                         margin-left:15%;
                         width:50%;
                         float:left;}
#�bBuchkritik    {       margin-top:-5%;
                         margin-bottom:5%;}
#mainB a {               text-decoration:auto;
                         color:blue;}
#BiNi h3 {               text-align:center;
                         position:relative;
                         width:60%;
                         left:13%;}
#Wil     {				 
                         
                         background-color:#F7F8E0;
                         width:100%;
                         margin-left:auto;
                         margin-right:auto;
                         /*border:solid;
                         border-width:1px;*/
                         padding:5px 0;
                         /*height:1550px;*/
                         
						 /*-moz-border-radius:30px ;  Firefox */
                         /*-webkit-border-radius:30px;  Chrome, Safari */
                        /* -khtml-border-radius:30px;  Konqueror */
                        /* border-radius:30px; CSS3 */
                         /*-webkit-box-shadow: 00px 10px 10px 10px grey;
                         -moz-box-shadow: 00px 10px 10px 10px grey;
                         box-shadow: 0px 10px 10px 10px grey;*/
                                  }
#Geschichte      {       margin-top:0%;
                         margin-left:auto;
                         margin-right:auto;
                         width:80%;
                         border:solid;
                         margin-bottom:5px;
                         border-width:1px;
                         padding:20px;
                         text-align:justify;
                         background-color:#F7F8E0}
#G�                 {    margin-top:-5%;}

#ME      {               margin-left:auto;
                         margin-right:auto;
                         width:80%;
                         margin-bottom:5px;
                         padding:5px;
                         background-color:#F7F8E0;
                         position:relative;
                         top:-5%;}
#BinitextF       {       text-align:left;
                         margin-left:40%;}
#BinitextF a      {      text-decoration:auto;
                         color:blue;}
						 


#Scroll  {               position:absolute;
                         top:17%;
                         text-align:center;
                         margin-left:20%;
                         margin-right:20%;}
#AGB     {               margin-left:20%;
                         margin-right:20%;
                         text-align:left;}
#Tabelle    {            text-align:left;
                        margin-left:30%;  }
#Beste  a {          text-decoration: underline;
                        color:blue;
}
#Stammbaum	{			margin-top:5%;}


div#TextSection {	 	color:red;
 }
 
 
#RightFooter {
	float: right;
	margin-right:5%;
 }
#LeftFooter{
 }
 
#Right_Column      {   position:relative;
						left:10%;
                        width:80%;
						
                       }
#Left_Column      {      
						position:relative;
                        left:10%;
						width:80%
                         }

#Border {	border: solid;
				padding: 5px;
				width: 30em;
				border-width: 1px;}
						 
/* Main Grid */						 
 .container-grid {
  display: grid;
  grid-template-columns: 25% 50% 25%; /*columns widths*/
}

.col-1 {
 
}

.col-2 {
  /*background-color: green;*/
}

.col-3 {

}


/*Footer*/
 .container-grid2 {
  display: grid;
  grid-template-columns: 50% 50%; /*columns widths*/
}

.col-4 {
		float: right;
	margin-right:5%;
}

.col-5 {
}